import Image from "next/image";

const Footer = () => {
    return (
        <footer className="bg-base-200 border-t">
        <div className="max-w-3xl mx-auto px-4 py-8">
          <div className=" flex lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
            <div className="w-74 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
              <a aria-current="page" className="flex gap-2 justify-center md:justify-start items-center" href="/#">
                <Image alt="" src={'/logo.png'} width={30} height={30} />
                <strong className="font-semibold tracking-tight text-base md:text-lg">OpenInula</strong></a>
              <p className="mt-3 text-sm text-base-content-secondary">By using OpenAI technologies to generate code.</p>
              <p className="mt-3 text-sm text-base-content-secondary/80">© Copyright OpenInula 2024. All rights reserved.</p></div>
            <div className="flex-grow flex flex-wrap md:pl-24 -mb-10 md:mt-0 mt-10 text-center">
            </div>
          </div>
        </div>
      </footer>
    );
}

export default Footer;